<template>
  <div>
    <van-card v-for="(item, i) in newsList" :key="i" :num="item.count" :title="item.title" :thumb="item.img"
              @click="onDetail(item.id)"/>
  </div>
</template>

<script>
//1.导入封装后的接口
import {getNewsListAPI} from '@/api/news.js';

export default {
  data() {
    return {
      newsList: [] //列表
    };
  },

  //生命周期的钩子函数，当实例别创建好了后被调用
  created() {
    //获取
    this.getNewsList();
  },

  methods: {
    //获取列表
    getNewsList() {
      //2.使用封装后的接口
      getNewsListAPI().then(result => {
        // console.log(result);
        this.newsList = result.data;
      });
    },

    onDetail(id) {
      this.$router.push({
        name: 'newsDetail',
        params: {
          id
        }
      });
    }
  }
};
</script>

<style></style>
